草庐IT

vue 组件的引用

全部标签

javascript - 在 ES6 : "Failed to resolve module specifier "vue""中导入包

尝试遵循一些Vue教程,但我目前无法在.js文件中导入Vue,然后在我的index.html中导入此文件。这就是我在index.html中导入脚本的方式:如果我在我的main.js文件中这样做:importVuefrom'vue';我在浏览器控制台中收到以下错误:UncaughtTypeError:Failedtoresolvemodulespecifier"vue".Relativereferencesmuststartwitheither"/","./",or"../".如果我的导入行:importVuefrom'../../node_modules/vue';然后我得到一个不同的

JavaScript 引用下降

我正在创建一个扩展现有应用程序的模块。我收到了一个变量device,我想创建myDevice来始终保存相同的数据。假设数据包含在一个数组中:https://jsfiddle.net/hmkg9q60/2/vardevice={name:"one",data:[1,2,3]};varmyDevice={name:"two",data:[]};myDevice.data=device.data;//Assignarrayreferencedevice.data.push(4);//Pushworksonarrayreferenceconsole.log(device.data);//[1,

lambda 函数引用封闭循环中的变量时的 javascript 作用域问题

关于stackoverflow的第一个问题:)希望我不会让自己难堪......我有一个加载相册列表的javascript函数,然后为每个相册创建一个列表项。列表项应该是可点击的,所以我用一个函数调用jQuery的click()。我循环执行此操作。我的问题是所有项目似乎都具有相同的点击功能,即使我尝试制作一个在每次迭代中做不同事情的新项目。另一种可能性是迭代变量在某种程度上是全局的,函数引用它。下面的代码。debug()只是对Firebug的console.debug()的封装。functionprocessAlbumList(data,c){for(varalbumindata){va

javascript - 如何通过引用 JavaScript 中的事件处理程序来传递变量?

我用JavaScript模拟了一个类;它的代码在这里:functionmyclass(){this.count;this.init=function(){$("div.mybtn").click({n:this},function(e){e.data.n.count++;});}this.getCount=function(){alert(this.count);}}然后我创建了这个类的一个实例并执行了它的方法init(),但是当我点击任何div.mybtn元素时,它并没有增加值this.count.对象this似乎是按值而非引用传递给事件处理程序的。如何通过引用将变量传递给事件处理程

javascript - Vue.js 将函数传递给 Prop 不起作用

我遇到一个问题,就是将函数传递给组件并没有按照文档中指定的方式工作。这是在我的app.js中methods:{updateAnswer:function(question){console.log('question:'+question);}}这是在我的html文件中:这是在我的components.js文件中:props:['whenanswered'],ready:function(){this.whenanswered();},我已经试过了:props:[{name:'whenanswered',type:Function}];但仍然没有运气。当我加载页面时,这是在我的控制台中

javascript - 如何以编程方式将参数传递给 Blaze 组件?

meteorreacttutorial指示您通过调用Blaze.render创建您的Meteor登录按钮:this.view=Blaze.render(Template.loginButtons,React.findDOMNode(this.refs.container));account-ui包文档说如果你想在屏幕右边缘对齐登录下拉菜单,你应该使用{{>loginButtonsalign="right"}}'不幸的是,Blaze.render()函数的文档没有指出我的JavaScript可以使用任何参数来传递等效于align="right".我如何告诉Blaze使用align="ri

javascript - ReactJS 组件 PropTypes - 指定具有一组参数的函数类型

我在React(版本0.13.3)组件中指定一个必需的函数proptype...varMyComponent=React.createClass({propTypes:{onClick:React.PropTypes.func.isRequired},handleClick(event){this.props.onClick(event,clickCallback);},clickCallback(){console.log("foo");},render(){return}});exportdefaultMyComponent;如您所见,我的onClickProp不仅需要是一个函数,

javascript - 如何使用 classList 获取 React 组件引用以更改其类?

我使用以下代码创建了一个React组件。在此我创建选项卡并添加类并将其引用存储在全局命名空间接口(interface)中以供进一步处理。varTabBody=React.createClass({getInitialState:function(){return{class:'tabBodytabactiveTab'}},render:function(){Interfaces.tabBody=this;tabSelectionInfo.tabBody=this;return(React.createElement('div',{className:this.state.class,o

javascript - 如何创建一个行为类似于表单元素的 Web 组件?

我正在尝试创建一个专门用于表单元素的Web组件,它具有一个name和一个value。我认识到我可以创建一个extendsHTMLInputElement的Web组件:但我正在尝试创建一个全新的元素。在创建常规Web组件时,您可以从常规HTMLElement(HTMLElement.prototype)的原型(prototype)创建它。这使我假设我可以使用HTMLInputElement(HTMLInputElement.prototype)的原型(prototype)创建不同的元素。您在扩展输入元素的API时实际上使用了该原型(prototype),那么为什么我不能使用该原型(pro

javascript - Angular2 rc5> 组件未加载

我最近从RC4迁移到Angular2RC5。从那以后我遇到了几个问题。我不确定这些问题是我的错误还是过渡性的。我的应用程序组件如下所示:import{Component,OnInit}from"@angular/core";import{SetLocationService}from"./auth/set-location.service";@Component({selector:"my-app",template:``})exportclassAppComponentimplementsOnInit{constructor(private_setLocationService:Se